.painting {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;

  .paintingModal {
    .ant-modal-content {
      width: 15vw;
      height: 100vw;
      right: -38vw;
      background: rgb(226, 226, 226);
      border-radius: 3px;

      .ant-modal-body {
        padding: 0;
        padding-top: 4vw;
        height: 100%;

        ul {
          width: 100%;
          height: 100%;
          padding: 10px;
          overflow: auto;

          .bordermodal {
            border: 3px solid red;
          }

          li {
            width: 8vw;
            height: 8vw;
            margin: 0 auto;
            margin-bottom: 8vw;
            list-style: none;
            border-radius: 50%;
          }
        }
      }
    }
  }

  .painting_body {
    width: 100vw;
    height: 10%;
    display: flex;
    border-top: 1px dashed;
    padding-top: 1vw;

    li {
      width: 20%;
      height: 100%;
      list-style: none;

      img {
        width: 13vw;
        display: block;
        margin: 2vw auto;
      }
    }
  }
}